<template>
  <div class="box">
      <!-- <h1>作品</h1> -->
      <div class="conten" v-show="bool">
          <div class="ykn">
              <img src="/image/Mine/toux.png" alt="">
              <h4>还未发表任何内容</h4>
              <p>“快来寻找灵感参加吧”</p>
              <router-link to="">去参加</router-link>
          </div>
      </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
            bool:true
        }
    }
}
</script>

<style scoped>
.box{
    width: 100%;
    display: flex;
    justify-content: center;
}
.conten{
    width: 90%;
    display: flex;
    justify-content: center;
}
.ykn{
    margin-top: 0.55rem;
    text-align: center;
}
.ykn img{
    margin-left: 0.3rem;
    width: 0.8rem;
    height: 0.8rem;
}
.ykn h4{
    font-size: 0.17rem;
    margin-top: 0.08rem;
}
.ykn p{
    margin-top: 0.03rem;
    color: #898989;
    margin-bottom: 0.2rem;
}
.ykn .router-link-active{
    border: 0.01rem solid #dfdfdf;
    border-radius: 0.3rem;
    font-size: 0.16rem;
    margin-top: 0.2rem;
    padding: 0.10rem 0.3rem;
    color: #181818;
}
</style>